<template>
  <div id='main'>
    <el-container>
      <!-- 顶部 -->
      <el-header height="316px">
        <MainHeader></MainHeader>
      </el-header>

      <el-main><router-view></router-view></el-main>
      
      <!-- 底部 -->
      <el-footer height=200px>
        <MainFooter></MainFooter>
      </el-footer>
    </el-container>
  </div>
</template>

<script>
import MainHeader from '../components/MainHeader.vue'
import MainFooter from '../components/MainFooter.vue'
export default {
  components:{
    MainHeader,
    MainFooter,
  }
};
</script>

<style>
.el-header{
  padding: 0px;
}
.el-main{
  padding: 0px;
}
.el-footer{
  padding: 0px;
}
</style>